<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:comp="http://java.sun.com/jsf/composite/componentes"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="coluna_central">
		<div class="well">
			<h:form class="bs-example form-horizontal"
				enctype="multipart/form-data">
				<h:messages showDetail="true" />
				<fieldset>
					<legend>Cadastro de Oferta</legend>
					<div class="form-group span12">

						<div class="form-group span11">
							<h4>Pesquisar Produtos</h4>
							<br />
						</div>
						<h:outputLabel value="Empresas:" />
						<p:selectOneMenu id="comboEmpresa"
							value="#{ofertaBean.empresaSelecionada.codEmpresa}">
							<f:selectItem itemLabel="Selecione" />
							<f:selectItems value="#{ofertaBean.listaEmpresa}" var="item"
								itemLabel="#{item.nomeEmpresa}" itemValue="#{item.codEmpresa}" />
							<p:ajax listener="#{ofertaBean.listarProdutos}" update="@form"></p:ajax>
						</p:selectOneMenu>
					</div>
					<div class="form-group span11">
						<p:dataTable id="produtos" var="produto"
							value="#{ofertaBean.listaProdutos}"
							rowKey="#{produto.codProduto}" paginator="true"
							paginatorPosition="bottom" selectionMode="single" rows="10">

							<p:ajax event="rowSelect" listener="#{ofertaBean.select}"></p:ajax>
							<f:facet name="header">
								<h:outputLabel value="Produtos"></h:outputLabel>
							</f:facet>
							<p:column>
								<f:facet name="header">
									<h:outputText value="Cod" />
								</f:facet>
								<h:outputText value="#{produto.codProduto}"></h:outputText>
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="Nome do Produto" />
								</f:facet>
								<h:outputText value="#{produto.nomeProduto}"></h:outputText>
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="Categoria" />
								</f:facet>
								<h:outputText value="#{produto.catProduto}"></h:outputText>
							</p:column>
							<p:column width="380">
								<f:facet name="header">
									<h:outputText value="Descrição" />
								</f:facet>
								<h:outputText value="#{produto.descProduto}"></h:outputText>
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="Valor" />
								</f:facet>
								<h:outputText value="#{produto.valorProduto}">
									<f:convertNumber maxFractionDigits="2"></f:convertNumber>
								</h:outputText>
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="Empresa" />
								</f:facet>
								<h:outputText value="#{produto.codEmpresa.nomeEmpresa}"></h:outputText>
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="Imagem" />
								</f:facet>
								<img src="data:image/png;base64,${produto.foto}"
									style="width: 300px; height: 80px"></img>
							</p:column>
						</p:dataTable>
					</div>
					<div class="form-group span11">
						<br />
						<h4>Dados da Oferta</h4>
					</div>
					<div class="form-group span3">
						<br />
						<h:outputLabel value="Data de:" />
						<p:calendar id="dataOferta" locale="pt"
							value="#{ofertaBean.ofertaSelecionada.dataOferta}"
							required="true" />
					</div>
					<div class="form-group span3">
						<br />
						<h:outputLabel value="Data até:" />
						<p:calendar id="prazoOferta" locale="pt"
							value="#{ofertaBean.ofertaSelecionada.prazoOferta}"
							required="true" />
					</div>
					<div class="form-group span4">
						<br />
						<h:outputLabel value="Desconto em %:" />
						<p:spinner id="desconto"
							value="#{ofertaBean.ofertaSelecionada.descontoOferta}" min="0"
							max="100" suffix=" %" required="true" />
					</div>
					<div class="form-group span3">
						<br />
						<h:outputLabel value="Cidade:" />
						<p:selectOneMenu id="comboCidade"
							value="#{ofertaBean.ofertaSelecionada.cidadeOferta}">
							<f:selectItem itemLabel="Selecione" />
							<f:selectItem itemLabel="Curitiba" itemValue="0" />
							<f:selectItem itemLabel="São Paulo" itemValue="1" />
							<f:selectItem itemLabel="Rio de Janeiro" itemValue="2" />
							<f:selectItem itemLabel="Belo Horizonte" itemValue="3" />
						</p:selectOneMenu>
					</div>
					<div class="form-group span3">
						<br />
						<h:outputText value="Destaque: "></h:outputText>
						<p:selectBooleanCheckbox
							value="#{ofertaBean.ofertaSelecionada.destaqueOferta}"></p:selectBooleanCheckbox>
					</div>

					<div class="span11">
						<br />
						<h:commandButton class="btn btn-primary btn-small search_btn"
							value="Salvar" action="#{ofertaBean.salvar}">
							<f:ajax execute="@form" render="@form" />
						</h:commandButton>
					</div>
				</fieldset>
			</h:form>
		</div>
	</ui:define>
</ui:composition>